<!DOCTYPE html>
<html>
<head>

<title>Livros Sociais</title>
<meta charset="utf-8">

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/estilo.css">

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/validaFormLogin.js"></script>



</head>
<body>

	<div class="cabecalho">
		<div class="container">
			<div class="row">
				<br> <br>
				<div class="col-md-6">
					<div class="alinharImagem">
						<img src="imagens/logo2.png" alt="Livros Sociais">
					</div>
				</div>
				<br>
				<div class="login">
					<div class="col-md-6">


						<form role="form" class="form-inline" id="formLogin"
							 action="LoginServlet"
							method="get">
							<div class="form-group">
								<input class="form-control" type="email" id="email"
									placeholder="Email" name="email">
							</div>
							<div class="form-group">
								<input class="form-control" type="password" id="senha"
									placeholder="password" name="senha">

							</div>
							<div class="form-group">
								<button type="submit" class="btn btn-default">Entrar</button>

							</div>
						</form>
					</div>
				</div>
			</div>
			<HR></HR>
		</div>

	</div>

	<div class="corpo">
		<div class="container">
			<div class="row">
				<br>
				<br>

				<div id="linha" align="justify" class="col-md-8">
					<p class="lead">
					<h2>
						Lorem ipsum dolor <small> sit amet, consectetur adipiscing
							elit. Aenean aliquet, nisi nec laoreet pharetra, nunc sem aliquam
							felis, vel aliquet velit leo eu eros. Ut ultricies diam nec nisi
							facilisis gravida. Cras placerat ipsum lorem, nec ultricies orci
							semper et. Sed mollis lacus congue, aliquet lorem vel, hendrerit
							purus. Donec dolor massa, vulputate hendrerit placerat non,
							varius cursus dui. In adipiscing tincidunt quam eget iaculis.
							Fusce vel ipsum convallis, tempor tortor id, mollis enim.</
							small> </ h2> 
				</div>

				<div class="col-md-4">

					<p class="lead">
					<h2>
						Nullam et tempus lacus. <small> Praesent placerat tortor a
							urna facilisis aliquet. Cras aliquam, orci et aliquet blandi</small>
					</h2>
					<p class="lead"></p>
					<div class="alinharBotaoCadastrar">
						</p>
						<a href="cadastro.html" onclick="alertaConstrucao();"><button
								type="button" class="btn btn-success btn-lg">Cadastre-se</button></a>
					</div>
				</div>


			</div>

		</div>

	</div>
	<br>
	<div class="well">
		<div class="rodape">

			<div class="busca">
				<div class="container">

					<div class="row">
						<form method="POST" onsubmit="return validaBusca(this);"
							class="form-inline" role="form">
							<br>
							<br>
							<div class="col-xs-4">
								<input type="text" class="form-control"
									placeholder="Ex:.congue, rutrum" name="busca"> <input
									type="submit" class="btn btn-default" value="Buscar">
							</div>
						</form>
					</div>
					<br>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div id="linha" class="col-md-4">
					<h4>
						<a href="pagina2.html" onclick="alertaConstrucao();">Nullam et
							tempus lacus</a> <br>
						<h5>Praesent placerat tortor a urna facilisis aliquet. Cras
							aliquam, orci et aliquet blandit. </ h5> </ h4>
				</div>
				<div id="linha" class="col-md-4">
					<h4>
						<a href="pagina3.html" onclick="alertaConstrucao();"> Donec id
							convallis sem. </a>
						<h5>Morbi ultricies eros convallis tempus tempor. Sed vitae
							purus congue, rutrum eros sit amet, tincidunt nisi. </ h5> </ h4>
						
				</div>
				<div class="col-md-4">
					<h4>
						<a href="pagina4.html" onclick="alertaConstrucao();">Praesent
							luctus erat quam</a>
						<h5>eget dapibus ipsum ultrices id. Sed tortor massa,
							condimentum et scelerisque sodales.</ h5> </ h4>
				</div>
			</div>

		</div>
	</div>
</body>
</html>